<template>
  <div id="app">
    <LoginPage/>
  </div>
</template>

<script>
/* eslint-disable */
import HelloWorld from './components/HelloWorld.vue'
import LoginPage from "@/veiws/LoginPage.vue";
import QR from '@/components/QR.vue'
export default {

  name: 'App',
  components: {
    LoginPage,
    HelloWorld,
    QR
  }
}
</script>

<style>
html, body {
  height: 100%;
  margin: 0;
}

#app {
  height: 100%; /* 让 #app 占满整个页面 */
  display: flex; /* 使用 flex 布局 */
  flex-direction: column; /* 让内容垂直排列 */
  justify-content: center; /* 垂直居中 */
  align-items: center; /* 水平居中 */
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  background: #F5F6FA;
}
</style>
